<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/common.css" rel="stylesheet">
		<link href="../css/carousel.css" rel="stylesheet">
		<!--<link href="../css/right_cart.css" rel="stylesheet">-->
		<link href="../css/base.css" rel="stylesheet">
		<link href="../css/lc.css" rel="stylesheet">
		<style>
			body {
				background-color: #f5f5f5;
			}
			
			.goods_title {
				color: #000;
				/*font-weight:bold;*/
				padding-bottom: 10px;
				padding-top: 90px;
			}
			
			.goods_title .title_en {
				font-size: 10px;
				margin-left: 16px;
			}
			
			.goods_box,
			.brand_box {
				justify-content: space-around;
				display: flex;
				flex-wrap: wrap;
			}
			
			.goods_content {
				border: 1px solid #eee;
				border-top: 3px solid #000;
				padding: 17px 0;
				background-color: #fff;
			}
			
			.goods_box img {
				width: 22%;
				height: 300px;
				border: 1px solid #aaa;
				cursor: pointer;
			}
			
			.goods_content img:hover,
			.lc_left_img div:hover,
			.lc_right_div:hover {
				-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#b3b3b3');
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#b3b3b3');
				-moz-box-shadow: 0px 0px 10px #b3b3b3;
				-webkit-box-shadow: 0px 0px 10px #b3b3b3;
				-o-box-shadow: 0px 0px 10px #b3b3b3;
				-ms-box-shadow: 0px 0px 10px #b3b3b3;
				box-shadow: 0px 0px 10px #b3b3b3;
			}
			
			.lc_right_div p {
				line-height: 25px;
			}
			
			.brand_box {
				padding: 10px 70px;
			}
			
			.brand_box img {
				width: 9%;
				height: 40px;
				cursor: pointer;
				margin: 5px;
			}
			
			.toolbar-tabs {
				top: 40%;
			}
			
			.toolbar-tab {
				margin-bottom: -2px;
			}
			
			.person {
				background-position: -50px -50px;
				height: 35px;
			}
			
			.more_a {
				width: 130px;
				height: 40px;
				background: #000000;
				color: white;
				text-align: center;
				cursor: pointer;
				float: right;
				line-height: 40px;
				margin-top: -9px;
			}
			
			.left {
				z-index: 999;
			}
			
			.left li,
			.left div,
			.lc_box img {
				cursor: pointer;
			}
			
			.lc_center img {
				height: 397px;
				width: 356px;
			}
			.line-limit-length {

				overflow: hidden;
				
				text-overflow: ellipsis;
				
				white-space: nowrap; 
				
				}
		</style>
	</head>

	<body>
		<div id="header"></div>
		<div id="headerBox"></div>
		<div id="nav_menu"></div>
		<div id="app">
			<div class="top_bg">
				<div class="carousel-content">
					<ul class="carousel">
						<li v-for="(v,i) in adimg"><a><img :src="imgUrlS+v.adFile"></a></li>
					</ul>
				</div>
			</div>
			<div class="ZZHT-clear"></div>
			<!--主体楼层-->
			<div class="ZZHT-container">
				<div class="goods_hot">
					<div class="goods_title">
						今日推荐 <span class="title_en">Recommendation</span>
						<div class="fr">
							<a class="more_a">MORE > ></a>
						</div>
					</div>
					<div class="goods_content">
						<div class="goods_box">
							<!--<img src="../images/index/15120180416T112955.jpg" alt="" />
							<img src="../images/index/55720180416T113008.jpg" alt="" />
							<img src="../images/index/75320180412T172523.jpg" alt="" />
							<img src="../images/index/83120180412T172443.jpg" alt="" />-->
							<img v-for="(v,i) in bestGoods" v-if="i<4" :src="imgUrlS+v.goodsImg" @click="go_detail(v.goodsId)" alt="" />
						</div>
						<div class="brand_box">
							<img src="../images/brand/belle507639379.jpg" alt="" />
							<img src="../images/brand/cat507636509.jpg" alt="" />
							<img src="../images/brand/converse506750560.jpg" alt="" />
							<img src="../images/brand/crocs507644176.jpg" alt="" />
							<img src="../images/brand/fato2.jpg" alt="" />
							<img src="../images/brand/gzh2.jpg" alt="" />
							<img src="../images/brand/hushpuppies507610094.jpg" alt="" />
							<img src="../images/brand/innet474093564.jpg" alt="" />
							<img src="../images/brand/joypeace468306549.jpg" alt="" />
							<img src="../images/brand/millies527742673.jpg" alt="" />
							<img src="../images/brand/nike507646290.jpg" alt="" />
							<img src="../images/brand/puma507639858.jpg" alt="" />
							<img src="../images/brand/reebok534338687.jpg" alt="" />
							<img src="../images/brand/reebok534338687.jpg" alt="" />
							<img src="../images/brand/senda506405009.jpg" alt="" />
							<img src="../images/brand/staccato507605520.jpg" alt="" />
							<img src="../images/brand/tata544791364.jpg" alt="" />
							<img src="../images/brand/teenmix507609543.jpg" alt="" />
							<img src="../images/brand/thenorthface507728112.jpg" alt="" />
							<img src="../images/brand/vans506406901.jpg" alt="" />
							<!--<img v-for="(v,i) in brandGoods" v-if="i<20" :src="imgUrlS+v.brandImg" @click="go_brand(v.brandId)" alt="" />-->
						</div>
					</div>
				</div>

			</div>
			<div class="lc_box">
				<!--科技频-->
				<div class="lc_kjp">
					<div class="lc_top">
						<div>数码区 </div>
						<p>SCIENCE AND TECHNOLOGY</p>
						<a v-for="(v,i) in content1" @click="go_more(v.catName)">MORE > ></a>
					</div>
					<div class="lc_center_box">
						<div class="lc_left">
							<!--左-->
							<div class="lc_left_top">
								<p>电脑</p>
								<span>|</span>
								<p>手机</p>
							</div>
							<div class="lc_left_img">
								<div>
									<img src="../indexImg/huamao_68.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_69.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_75.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_76.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_81.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_82.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_84.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_85.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_91.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_92.png" />
								</div>

							</div>
						</div>
						<div class="lc_center">
							<img src="../indexImg/huamao_61.png" />
							<div class="lc_center_text">
								<h3>Think Pad</h3>
								<h5>限时直降爆款</h5>
							</div>
						</div>
						<div class="lc_right">

							<div class="lc_right_div"  v-for="(v,i) in content1"    @click="go_detail(v.goodsId)">
								<img :src="imgUrlS+v.goodsImg" style="height: 126px;" />
								<div class="lc_right_text" >
									<p class="line-limit-length">{{v.goodsName}}</p>
									<p style="color: #ea5404;">{{'￥'+v.shopPrice}}</p>
								</div>

							</div>

							<!--<div class="lc_right_div">
								<img src="../indexImg/huamao_64.png" />
								<div class="lc_right_text">
									<p>Apple iPhone X 正品</p>
									<p>保障 256GB</p>
									<p style="color: #ea5404;">￥8388.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_66.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_78.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_79.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_80.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>-->
						</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				<!--/科技频-->

				<!--服装频-->
				<div class="lc_fzp">
					<div class="lc_top">
						<div>服装区 </div>
						<p>CLOTHING</p>
						<a v-for="(v,i) in content2"  @click="go_more(v.catName)">MORE > ></a>
					</div>
					<div class="lc_center_box">
						<div class="lc_left">
							<!--左-->
							<div class="lc_left_top">
								<p>女装</p>
								<span>|</span>
								<p>男装</p>
								<span>|</span>
								<p>童装</p>
							</div>
							<div class="lc_left_img">
								<div>
									<img src="../indexImg/huamao_101.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_102.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_108.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_109.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_115.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_116.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_118.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_119.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_125.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_126.png" />
								</div>

							</div>
						</div>
						<div class="lc_center">
							<img src="../indexImg/huamao_94.png" />
							<div class="lc_center_text">
								<h3>Think Pad</h3>
								<h5>限时直降爆款</h5>
							</div>
						</div>
						<div class="lc_right">
							
							<div class="lc_right_div"  v-for="(v,i) in content2"    @click="go_detail(v.goodsId)">
								<img :src="imgUrlS+v.goodsImg" style="height: 126px;" />
								<div class="lc_right_text" >
									<p class="line-limit-length">{{v.goodsName}}</p>
									<p style="color: #ea5404;">{{'￥'+v.shopPrice}}</p>
								</div>

							</div>

							<!--<div class="lc_right_div">
								<img src="../indexImg/huamao_95.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_96.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_97.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_111.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_112.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_114.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>-->

						</div>

					</div>
					<div style="clear: both;"></div>
				</div>
				<!--/服装频-->

				<!--声乐频-->
				<div class="lc_fzp">
					<div class="lc_top">
						<div>声乐区 </div>
						<p>VOCAL MUSIC</p>
						<a v-for="(v,i) in content2" @click="go_more(v.catName)">MORE > ></a>
					</div>
					<div class="lc_center_box">
						<div class="lc_left">
							<!--左-->
							<div class="lc_left_top">
								<p>西洋</p>
								<span>|</span>
								<p>民族</p>
								<span>|</span>
								<p>配件</p>
							</div>
							<div class="lc_left_img">
								<div>
									<img src="../indexImg/huamao_132.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_133.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_138.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_139.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_144.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_145.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_147.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_148.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_154.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_155.png" />
								</div>

							</div>
						</div>
						<div class="lc_center">
							<img src="../indexImg/huamao_128.png" />
							<div class="lc_center_text">
								<h3>Think Pad</h3>
								<h5>限时直降爆款</h5>
							</div>
						</div>
						<div class="lc_right">
							
							
							<div class="lc_right_div"  v-for="(v,i) in content2"    @click="go_detail(v.goodsId)">
								<img :src="imgUrlS+v.goodsImg" style="height: 126px;" />
								<div class="lc_right_text" >
									<p class="line-limit-length">{{v.goodsName}}</p>
									<p style="color: #ea5404;">{{'￥'+v.shopPrice}}</p>
								</div>

							</div>
								
							
							<!--<div class="lc_right_div">
								<img src="../indexImg/huamao_129.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_130.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_131.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_141.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_142.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_143.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>-->

						</div>

					</div>
					<div style="clear: both;"></div>
				</div>
				<!--/声乐频-->

				<!--食品酒水-->
				<div class="lc_fzp" style="margin-bottom:70px;">
					<div class="lc_top">
						<div>食品区</div>
						<p>FOOD/DRINKS</p>
						<a v-for="(v,i) in content4" @click="go_more(v.catName)">MORE > ></a>
					</div>
					<div class="lc_center_box">
						<div class="lc_left">
							<!--左-->
							<div class="lc_left_top">
								<p>食品</p>
								<span>|</span>
								<p>酒水</p>
								<span>|</span>
								<p>生鲜</p>
							</div>
							<div class="lc_left_img">
								<div>
									<img src="../indexImg/huamao_162.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_163.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_168.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_169.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_175.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_176.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_178.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_179.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_185.png" />
								</div>

								<div>
									<img src="../indexImg/huamao_186.png" />
								</div>

							</div>
						</div>
						<div class="lc_center">
							<img src="../indexImg/huamao_157.png" />
							<div class="lc_center_text">
								<h3>Think Pad</h3>
								<h5>限时直降爆款</h5>
							</div>
						</div>
						<div class="lc_right">


							<div class="lc_right_div"  v-for="(v,i) in content4"    @click="go_detail(v.goodsId)">
								<img :src="imgUrlS+v.goodsImg" style="height: 126px;" />
								<div class="lc_right_text" >
									<p class="line-limit-length">{{v.goodsName}}</p>
									<p style="color: #ea5404;">{{'￥'+v.shopPrice}}</p>
								</div>

							</div>
							
							
							<!--<div class="lc_right_div">
								<img src="../indexImg/huamao_158.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_159.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>
							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_160.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_171.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_172.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>

							<div class="lc_right_div">
								<img src="../indexImg/huamao_173.png" />
								<div class="lc_right_text">
									<p>OPPO R15 全面屏</p>
									<p>双摄拍照手机 6G+128G</p>
									<p style="color: #ea5404;">￥2999.00</p>
								</div>

							</div>-->

						</div>

					</div>
					<div style="clear: both;"></div>
				</div>
				<!--/食品酒水-->

			</div>

			<div class="left">
				<ul>
					<li class="1f">数码区</li>
					<li class="2f">服装区</li>
					<li class="3f">声乐区</li>
					<li class="4f">食品区</li>
				</ul>
				<div>
					<img src="../indexImg/huamao_right.png" />
					<p>顶部</p>
				</div>
			</div>

			<div class="right">
				<ul>
					<li class="1c">
						<a href="../Usercenter/01.html">
							<img src="../indexImg/huamao_22.png" />
						</a>
					</li>
					<li class="2c">
						<a href="../carts/carts.html">
							<img src="../indexImg/huamao_25.png" />
						</a>
					</li>
					<li class="3c">
						<a href="../Usercenter/76.html">
							<img src="../indexImg/huamao_27.png" />
						</a>
					</li>
					<li class="4c">
						<a href="#">
							<img src="../indexImg/huamao_29.png" />
						</a>
					</li>
					<li class="5c">
						<a href="#">
							<img src="../indexImg/huamao_32.png" />
						</a>
					</li>
				</ul>
				<div>
					<img src="../indexImg/huamao_right.png" />
				</div>
			</div>

		</div>
		<!--app__end-->

		<div class="ZZHT-clear"></div>
		<!--右侧模块-->

		<div id="ck1"></div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script type="text/javascript" src="../js/carousel.js"></script>
		<script type="text/javascript" src="../js/qrcode.js"></script>
		<script type="text/javascript" src="../plugin/layer/layer.js"></script>

		<script src="../js/left_top.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/lxs_jk.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript">
			/*$(function() {
				$(".carousel-content").carousel({
					carousel: ".carousel", //轮播图容器
					//					indexContainer : ".img-index",//下标容器
					prev: ".carousel-prev", //左按钮
					next: ".carousel-next", //右按钮
					timing: 5000, //自动播放间隔
					animateTime: 800, //动画时间
					auto: true, //是否自动播放
				});
			});
*/
//			$('.goods_content img').click(function() { +
//				location.href = "detail.html";
//			});
			$(function(){
				
				$('.lc_box img').click(function() {
					location.href = "detail.html?goodsId=3";
				});
				$('.goods_hot .fr').click(function() {
					location.href = "../second/second.html";
				});
				/*$('.lc_top a').click(function() {
					location.href = "../second/second.html+?catName="+catName;
				});*/
			})
			
		</script>
		<script type="text/javascript">
			var vm = new Vue({//new 一个实例
				el: '#app',//作用域 父及的id 我这里放到了整个内容区
				data: {//数据源
					imgUrlS:imgUrlS,//图片基础路径 在ljf_base.js 里 所有页面应该都有配置
					bestGoods:[],//今日推荐的商品数组
					brandGoods:[],//今日推荐的品牌数组
					adimg:[],//轮播图数组
					adurl:[],//轮播图链接数组
					content1:[],//主体内容1
					content2:[],//主体内容2
					content3:[],//主体内容3
					content4:[],//主体内容4
				},
				methods:{
					go_detail:function(id){//方法 
						location.href="detail.html?goodsId="+id;
					},
					go_brand:function(id){//点击跳转到品牌页
						location.href="../second/second.html?brandId="+id;
					},
					go_more:function(catName){
						location.href = "../second/second.html?catName="+catName;
					}
				}
			})
			
			
			$.ajax({//获取今日推荐的商品信息
				type: "get",
				url: SURLS + "goods/todayHotSaleGoods",//SURLS基础路径 在ljf_base.js 里 所有页面应该都有配置
				success: function(data) {
//					console.log(data);
					for(var i=0;i<4;i++){
						vm.bestGoods.push(data.entity[i])
					}
					
				}
			});
			
			
			$.ajax({//获取今日推荐的品牌信息
				type: "get",
				url: SURLS + "goods/todayHotSale",
				success: function(data) {
//					console.log(data);
					
					
					for(var i=0;i<data.entity.length;i++){
						vm.brandGoods.push(data.entity[i])
					}
				}
			});
			
			
			
			$.ajax({//首页轮播
				type: "get",
				url: SURLS + "/sktShops/findWebLunbo",//SURLS基础路径 在ljf_base.js 里 所有页面应该都有配置
				success: function(res) {
//					console.log(res);
					//今日推荐在首页只取前四个
					
					for(var i=0;i<res.entity.length;i++){
						vm.adimg.push(res.entity[i])
					}
					for(var i=0;i<res.entity.length;i++){
						vm.adurl.push(res.entity[i])
					}
					
					Vue.nextTick(function(){
						$(".carousel-content").carousel({
							carousel: ".carousel", //轮播图容器
							//indexContainer : ".img-index",//下标容器
							prev: ".carousel-prev", //左按钮
							next: ".carousel-next", //右按钮
							timing: 5000, //自动播放间隔
							animateTime: 800, //动画时间
							auto: true, //是否自动播放
						});
					})
				}
			});
			
			$.ajax({//获取首页主题内容
				type: "get",
				url: SURLS + "/goods/selectByCatName",
				data:{
					param: "电脑",
					param1: "手机",
				},
				success: function(data) {
					console.log(data);
					
					
					for(var i=0;i<6;i++){
						vm.content1.push(data.entity[i])
					}
				}
			});
			
			$.ajax({//获取首页主题内容
				type: "get",
				url: SURLS + "/goods/selectByCatName",
				data:{
					param: "女装",
					param1: "男装",
					param2: "童装",
				},
				success: function(data) {
//					console.log(data);
					
					
					for(var i=0;i<6;i++){
						vm.content2.push(data.entity[i])
					}
				}
			});
			
			$.ajax({//获取首页主题内容
				type: "get",
				url: SURLS + "/goods/selectByCatName",
				data:{
					param: "西洋",
					param1: "民族",
					param2: "配件",
				},
				success: function(data) {
//					console.log(data);
					
					
					for(var i=0;i<6;i++){
						vm.content3.push(data.entity[i])
					}
				}
			});
			
			
			$.ajax({//获取首页主题内容
				type: "get",
				url: SURLS + "/goods/selectByCatName",
				data:{
					param: "食品",
					param1: "酒水",
					param2: "生鲜",
				},
				success: function(data) {
					console.log(data);
					
					
					for(var i=0;i<6;i++){
						vm.content4.push(data.entity[i])
					}
				}
			});
			
			/*$.ajax({//获取记录列表
				type: "get",
				url: SURL + "logKaiyuan/selectUserKaiYuan",
				data: {
					"userId":localStorage.userId,
				},
				timeout:5000,
				dataType: 'json',
				success: function(res) {
					$('#loading').hide();
					if(res.messageCode==200){
						if(res.entity.length>0){
							$('.empty_tab').hide();
							vm.tab = res.entity;
						}else{
							$('.empty_tab').show();
						}
					}else{
						layer.msg(res.message);
					}
				},
				error: function (textStatus) {
	                console.error(textStatus);
	            },
	            complete: function (XMLHttpRequest,status) {
	                if(status == 'timeout') {
	                    layer.msg("网络超时，请刷新", function () {
	                        location.reload();
	                    })
	                }
	            }
			});*/
		</script>

	</body>

</html>